Basic - week 1

• Getting Started
• The timeline
• Text
• Symbols
• Classic Tweening
• Motion Tween
• Movie Clips
• Creating a button
• Importing Media
• Excercise week 1

Week 2

• Motion Editor
• Motion Guides
• Bone Tool
• Depth of Field
  

Week 3

• Parrallax
• 3D Tool
• Mask
• Animating a mobile

Week 4

• Text animations
• Writing

Week 5

• Spinning Ball

Week 6

• Filters
• Blending

Week 7

• Combining Techniques

Teaching > Flash notes

Classic Tween

Flash uses tweening to create animation on the stage. In CS4 and CS5 there are two methods for creating a tween the classic (used in older versions of flash) and the Moton Tween.

 

This tutorial will look at the classic tween inside a movie clip.

 

Step 1

Create a new flash file and create a small circle converting it to a graphic symbol.

Select Insert / New Symbol from the main menu above the timeline. Name this ballMc select the option of Movie Clip and Press Ok. If you look in the library you will see the two symbols.

 

 

Step 2

Ensure that you are in the BallMC timeline, the stage will be blank except for a small cross representing the centre point. Drag the ball graphic from the library and place this circle on the cross on frame 1 of the timeline.

Note this is the movie clips own timeline and not the main timeline.

 

Step 3

Select frame 15 and right click and from the list select insert keyframe. Move the ball graphic to another location about 100 pixels away.

With frame 1 selected, from the top menu select Insert / Classic Tween and this will produce the animation.

This creates a motion tween animation between the two keyframes the ball now moves across the stage. The timeline should change to a purple colour with an arrow between the two keyframes to represent the motion tween.

 

 

Note: If you get a doted line then this indicates that there is a problem with the animation something is not working.

 

Step 4

Finally select scene from the option underneath the timeline to return to the main timeline, drag several copies of the ballMc to the stage.

Control/ Test Movie to see your animation.

 

See the example below, press the play button to start the motion tween.

 

Shape Tween

 

Another form of tweening is the shape tween.

Step 1

Create a new actionscript as3 file.

 

Step 2

Select the oval tool and draw a circle on the stage this should be on frame 1 of layer 1.

 

Step 3

Right click on frame 10 and Insert a blank keyframe.

 

Step 4

Select the rectangle tool and draw a rectangle on the stage. Your timeline should look like below.

 

Step 5

Select frame 1, select insert / shape tween.

Next select control/ test movie to see your anaimation.

 

Note you cannot do a shape tween on a symbol item e.g. movie clip, graphic or button.